$(function(){
    var index = 0;
    var timer;
    // 图像切换，下方小焦点切换
    function animate(index){
        $("#list img").eq(index).fadeIn(300).siblings().fadeOut();
        $("#index-btn span").eq(index).addClass("current").siblings().removeClass("current")
    }

    $("#next-btn").click(function(){
        index++;
        if(index>4){
            index = 0;
        }
        animate(index);
    })
    $("#prev-btn").click(function(){
        index--;
        if(index<0){
            index = 4;
        }
        animate(index);
    })

    // 点击小按钮，切换
    $("#index-btn span").click(function(){
        $(this).addClass("current").siblings().removeClass("current");
        index = $(this).index()
        $("#list img").eq(index).fadeIn(300).siblings().fadeOut(300);
    })

    function play() {
        timer = setInterval(function () {
            $("#next").click()
        }, 1000)
    }
    function stop() {
        clearInterval(timer)
    }
    $(".content").mouseover(function(){
        stop();
    })
    $(".content").mouseout(function(){
        play();
    })
    play();
})